/*********************************
		comun.css
*********************************/

html {
  font-size: 13px;
}
body {
  font-family: "BentonMedium";
  font-size: 13px;
  line-height: 1.42857;
  color: #333333;
  background-color: #fff;
}
header {
  width: 100%;
  float: left;
}
main {
  min-height: 500px;
  width: 100%;
  float: left;
}
footer {
  width: 100%;
  float: left;
}
a {
  color: #237aba;
  text-decoration: none;
}
a:hover, a:focus {
  color: #1464a5;
  text-decoration: none!important;
}
a:active {
  color: #D4EDFC;
  text-decoration: none;
}
ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
a [class*=icon-]:before {
  color: #237aba;
}
a:hover [class*=icon-]:before, a:focus [class*=icon-]:before {
  color: #004481;
  text-decoration: none!important;
}
.soloDesktop {
  display: block;
}
.soloMobile {
  display: none;
}
/*quitar scroll con los navegadores*/

.scroll #webpage {
  display: block;
  visibility: visible;
}
.no_scroll #webpage {
  display: none;
  visibility: hidden;
}
.no_scroll_acc #webpage main, .no_scroll_acc #webpage footer {
  display: none;
}
/*iconos*/

.textoIconoOcultar {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  overflow: hidden;
}
.textoIconoColocar {
  display: block;
}
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  overflow: hidden;
}
.fright, [class*="col-"].fright {
  float: right;
}
.fleft, [class*="col-"].fleft {
  float: left;
}
/**/

.lineaHorizontalCorta {
  color: #E1E1E1;
  margin: 0px;
  margin-left: 15px;
  margin-right: 15px;
}
.lineaHorizontalLarga {
  color: #E1E1E1;
  margin: 0px;
}
.punteroMano {
  cursor: pointer;
}
.efectoOpacityOcultar {
  opacity: 0;
  transition: opacity 2s;
}
.efectoOpacityMostrar {
  opacity: 1;
}
.efectoOpacityMedio {
  opacity: 0.5;
  transition: opacity 0.5s;
}
/*GRID*/

#webpage .container .row {
  margin-right: 0px;
  margin-left: 0px;
}
@media screen and (min-width: 993px) and (max-width: 1200px) {}
@media screen and (max-width: 992px) {}
@media screen and (max-width: 767px) {}
@media screen and (max-width: 500px) {
  .soloDesktop {
    display: none;
  }
  .soloMobile {
    display: block;
  }
}